<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>500sports</title>
  <!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
  <link rel="stylesheet" type="text/css" href="./style/reset.css" ></link>
  <link rel="stylesheet" type="text/css" href="./style/common.css" ></link>
  <link rel="stylesheet" href="./style/swiper/swiper-bundle.min.css" />
  <script src="./script/swiper/swiper-bundle.min.js"></script>

</head>
<body>
  <div class="container">
    <div class="header">
      <div class="menu-wrap">
        <div class="menu-line-1">
          <span class="menu-item-wrap">
            <a href="/" class="menu-item">首页</a>
          </span>
          <span class="menu-item-wrap left-border">
            <a href="/" class="menu-item">新闻中心</a>
          </span>
          <span class="menu-item-wrap left-border">
            <a href="/" class="menu-item">我要报名</a>
          </span>
          <span class="menu-item-wrap left-border">
            <a href="/" class="menu-item">赛事安排</a>
          </span>
        </div>
        <div>
          <span class="menu-item-wrap">
            <a href="/" class="menu-item">精彩瞬间</a>
          </span>
          <span class="menu-item-wrap left-border">
            <a href="/" class="menu-item">第十三届回顾</a>
          </span>
          <span class="menu-item-wrap left-border">
            <a href="/" class="menu-item">第十四届回顾</a>
          </span>
          <span class="menu-item-wrap left-border">
            <a href="/" class="menu-item">APP下载</a>
          </span>
        </div>
        <div></div>
      </div>
    </div>
    <div class="banner">
      <img src="/images/2021/2021KV.jpg">
    </div>
    <div class="content">
      <div class="flex-box">
        <!-- Slider main container -->
        <div class="swiper mySwiper">
          <!-- Additional required wrapper -->
          <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide"><img src="./images/swiper-image/swiper_1.jpg" /></div>
            <div class="swiper-slide"><img src="./images/swiper-image/swiper_2.jpg" /></div>
            <div class="swiper-slide"><img src="./images/swiper-image/swiper_3.jpg" /></div>
          </div>
          <!-- If we need pagination -->
          <div class="swiper-pagination"></div>

          <!-- If we need navigation buttons -->
          <!-- <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div> -->

          <!-- If we need scrollbar -->
          <!-- <div class="swiper-scrollbar"></div> -->
        </div>
        <div class="content-right">
          <div class="flex-box">
            <div class="c-menu-wrap">
              <p class="c-title">大赛介绍</p>
              <img class="c-img" src="/images/info.png" />
              大赛本着“参与、健身、快乐”的宗旨，汇聚在华的中外著名企业，为广大职工群体创造了一个体育健身的盛会，展现了企业与文化、体育与城市有机结合的"都市景观体育"风采。
            </div>
            <div class="c-menu-wrap left-border">
              <p class="c-title">我要报名</p>
              <img class="c-img" src="/images/runprocesscatcher.png" />
              自2004年起，“世界著名在华企业健身大赛”开始举办，提升了企业员工参与健身活动的积极性和主动性，至今已成功举办了十四届，深受沪上企业和职工的欢迎。
            </div>
          </div>
          <div class="flex-box">
            <div class="c-menu-wrap">
              <p class="c-title">新闻中心</p>
              <img class="c-img" src="/images/news.png" />
              2017年6月至11月，“中智杯”第十二届世界著名在华企业健身大赛掀起了一场全国性的企业员工健身热潮。
            </div>
            <div class="c-menu-wrap left-border">
              <p class="c-title">精彩瞬间</p>
              <img class="c-img" src="/images/movies.png" />
              中智公司为全国超过270万雇员提供全方位的人力资源管理服务，是企业值得信赖的人力资源管理服务合作伙伴。
            </div>
          </div>
        </div>
      </div>
      <div class="test">
          
      </div>
    </div>
    <!-- end-content -->
    <div class="flex-box footer-breadcrumb">
        <a class="regist-label" href="/"><img class="regist-star" src="/images/weibo.png" />白领健身大赛</a>
    </div>
  </div>
  <div class="footer"></div>
  <script>
    const swiper = new Swiper('.mySwiper', {
      // Optional parameters
      // direction: 'vertical',
      // spaceBetween: 30,
      loop: true,
      autoplay: {
          delay: 2500,
          disableOnInteraction: false,
      },
      // If we need pagination
      pagination: {
        el: '.swiper-pagination',
      },

      // Navigation arrows
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

      // And if we need scrollbar
      scrollbar: {
        el: '.swiper-scrollbar',
      },
    });
  </script>
</body>
</html>